{% extends 'base.html' %}
{% load static %}

{% block title %}用户中心{% endblock %}

{% block header_css %}
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <link rel="stylesheet" href="{% static 'css/user-info.css' %}">
    <link rel="stylesheet" href="{% static 'css/modify-user-info.css' %}">
{% endblock %}

{% block header_js %}
{% endblock %}

{% block container %}
    <div class="container container-page">
        <div class="view" style="background: #fff;">
            <dl class="modify-user-info">
                <dt>个人资料</dt>
                <dd class="user-info-item">
                    <label class="label">头像</label>
                    <div class="modify">
                        <div class="avatar">
                            <img src="{% static 'images/default.jpeg' %}" />
                        </div>
                        <div class="uploading">
                            <p>支持 jpg、png 格式大小 5M 以内的图片</p>
                            <input type="button" class="btn btn-primary" value="点击上传">
                        </div>
                    </div>
                </dd>
                <dd class="user-info-item">
                    <label class="label">用户名</label>
                    <div class="modify"></div>
                </dd>
                <dd class="user-info-item">
                    <label class="label">职位</label>
                    <div class="modify"></div>
                </dd>
                <dd class="user-info-item">
                    <label class="label">公司</label>
                    <div class="modify"></div>
                </dd>
                <dd class="user-info-item">
                    <label class="label">签名</label>
                    <div class="modify"></div>
                </dd>
                <dd class="user-info-item">
                    <label class="label">个人主页</label>
                    <div class="modify"></div>
                </dd>
            </dl>
        </div>
        <div class="sidebar"></div>
    </div>
{% endblock %}